<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <base th:href="@{/}"/>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/theme.css">
    <script src="jquery/jquery-3.4.1.min.js"></script>

    <style>
        #footer {
            padding: 15px 0;
            background: #fff;
            border-top: 1px solid #ddd;
            text-align: center;
        }
        #topcontrol {
            color: #fff;
            z-index: 99;
            width: 30px;
            height: 30px;
            font-size: 20px;
            background: #222;
            position: relative;
            right: 14px !important;
            bottom: 11px !important;
            border-radius: 3px !important;
        }

        #topcontrol:after {
            /*top: -2px;*/
            left: 8.5px;
            content: "\f106";
            position: absolute;
            text-align: center;
            font-family: FontAwesome;
        }

        #topcontrol:hover {
            color: #fff;
            background: #18ba9b;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

    </style>
</head>
<body>
<div class="navbar-wrapper">
    <div class="container">
        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#" style="font-size:32px;">游戏众筹平台</a>
                </div>
                <div id="navbar" class="navbar-collapse collapse" style="float:right;">
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-user"></i> [[${session.loginMember.username}]]<span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="member.html"><i class="glyphicon glyphicon-scale"></i> 会员中心</a></li>
                                <li><a href="#"><i class="glyphicon glyphicon-comment"></i> 消息</a></li>
                                <li class="divider"></li>
                                <li><a href="index.html" th:href="@{/auth/member/logout}"><i class="glyphicon glyphicon-off"></i> 退出系统</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>

    </div>
</div>
<div class="container">
    <div class="row clearfix">
        <div class="col-sm-3 col-md-3 column">
            <div class="row">
                <div class="col-md-12">
                    <div class="thumbnail" style="    border-radius: 0px;">
                        <img src="img/services-box1.jpg" class="img-thumbnail" alt="A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera">
                        <div class="caption" style="text-align:center;">
                            <h3>
                                [[${session.loginMember.username}]]
                            </h3>
                            <span class="label label-danger" style="cursor:pointer;" th:text="${session.loginMember.authStatusText}" onclick="window.location.href='http://localhost:8888/auth/member/auth1'">未实名认证</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="list-group">
                <div class="list-group-item" style="cursor:pointer;" onclick="window.location.href='member.html'">
                    个人信息<span class="badge"><i class="glyphicon glyphicon-chevron-right"></i></span>
                </div>
                <div class="list-group-item active">
                    我的众筹<span class="badge"><i class="glyphicon glyphicon-chevron-right"></i></span>
                </div>
            </div>
        </div>
        <div class="col-sm-9 col-md-9 column">
            <ul id="myTab" style="" class="nav nav-pills" role="tablist">
                <li role="presentation" class="active"><a href="#home" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">我的众筹</a></li>
                <li role="presentation"><a href="#profile">众筹资产</a></li>
            </ul>
            <div id="myTabContent" class="tab-content" style="margin-top:10px;">
                <div role="tabpanel" class="tab-pane fade active in" id="home" aria-labelledby="home-tab">

                    <ul id="myTab1" class="nav nav-tabs">
<!--                        <li role="presentation" class="active"><a href="#support">我支持的</a></li>-->
<!--                        <li role="presentation"><a href="#attension">我关注的</a></li>-->
                        <li role="presentation"><a href="#add">我发起的</a></li>

                        <li class=" pull-right">
                            <script type="text/javascript">
                                $(function(){
                                    $("#launchCrowdBtn").click(function(){
                                        //需要保持session  保证访问的是同一个网站
                                        window.location.href = "http://localhost:8888/project/agree/protocol/page";
                                    });
                                });
                            </script>
                            <button id="launchCrowdBtn" type="button"
                                    class="btn btn-warning">发起众筹</button></li>
                        </li>
                    </ul>
                    <div id="myTab1" class="tab-content" style="margin-top:10px;">
<!--                        <div role="tabpanel" class="tab-pane fade active in" id="support" aria-labelledby="home-tab">-->
<!--                            <div class="container-fluid">-->
<!--                                <div class="row clearfix">-->
<!--                                    <div class="col-md-12 column">-->
<!--                                        <span class="label label-warning">全部</span> <span class="label" style="color:#000;">已支付</span> <span class="label " style="color:#000;">未支付</span>-->
<!--                                    </div>-->
<!--                                    <div class="col-md-12 column" style="margin-top:10px;padding:0;">-->
<!--                                        <table class="table table-bordered" style="text-align:center;">-->
<!--                                            <thead>-->
<!--                                            <tr style="background-color:#ddd;">-->
<!--                                                <td>项目信息</td>-->
<!--                                                <td width="90">支持日期</td>-->
<!--                                                <td width="120">支持金额（元）</td>-->
<!--                                                <td width="80">回报数量</td>-->
<!--                                                <td width="80">交易状态</td>-->
<!--                                                <td width="120">操作</td>-->
<!--                                            </tr>-->
<!--                                            </thead>-->
<!--                                            <tbody>-->
<!--                                            <tr>-->
<!--                                                <td style="vertical-align:middle;">-->
<!--                                                    <div class="thumbnail">-->
<!--                                                        <div class="caption">-->
<!--                                                            <h3>-->
<!--                                                                活性富氢净水直饮机-->
<!--                                                            </h3>-->
<!--                                                            <p>-->
<!--                                                                订单编号:2x002231111-->
<!--                                                            </p>-->
<!--                                                            <p>-->
<!--                                                            <div style="float:left;"><i class="glyphicon glyphicon-screenshot" title="目标金额" ></i> 已完成 100% </div>-->
<!--                                                            <div style="float:right;"><i title="截至日期" class="glyphicon glyphicon-calendar"></i> 剩余8天 </div>-->
<!--                                                            </p>-->
<!--                                                            <br>-->
<!--                                                            <div class="progress" style="margin-bottom: 4px;">-->
<!--                                                                <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">-->
<!--                                                                    <span >众筹中</span>-->
<!--                                                                </div>-->
<!--                                                            </div>-->
<!--                                                        </div>-->
<!--                                                    </div>-->
<!--                                                </td>-->
<!--                                                <td style="vertical-align:middle;">2017-05-23 11:31:22</td>-->
<!--                                                <td style="vertical-align:middle;">1.00<br>(运费：0.00 )</td>-->
<!--                                                <td style="vertical-align:middle;">1</td>-->
<!--                                                <td style="vertical-align:middle;">交易关闭</td>-->
<!--                                                <td style="vertical-align:middle;">-->
<!--                                                    <div class="btn-group-vertical" role="group" aria-label="Vertical button group">-->
<!--                                                        <button type="button" class="btn btn-default">删除订单</button>-->
<!--                                                        <button type="button" class="btn btn-default">交易详情</button>-->
<!--                                                    </div>-->
<!--                                                </td>-->
<!--                                            </tr>-->
<!--                                            <tr>-->
<!--                                                <td style="vertical-align:middle;">-->
<!--                                                    <div class="thumbnail">-->
<!--                                                        <div class="caption">-->
<!--                                                            <h3>-->
<!--                                                                BAVOSN便携折叠移动电源台灯-->
<!--                                                            </h3>-->
<!--                                                            <p>-->
<!--                                                                订单编号:2x002231111-->
<!--                                                            </p>-->
<!--                                                            <p>-->
<!--                                                            <div style="float:left;"><i class="glyphicon glyphicon-screenshot" title="目标金额" ></i> 已完成 100% </div>-->
<!--                                                            <div style="float:right;"><i title="截至日期" class="glyphicon glyphicon-calendar"></i> 剩余8天 </div>-->
<!--                                                            </p>-->
<!--                                                            <br>-->
<!--                                                            <div class="progress" style="margin-bottom: 4px;">-->
<!--                                                                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">-->
<!--                                                                    <span >众筹成功</span>-->
<!--                                                                </div>-->
<!--                                                            </div>-->
<!--                                                        </div>-->
<!--                                                    </div>-->
<!--                                                </td>-->
<!--                                                <td style="vertical-align:middle;">2017-05-23 11:31:22</td>-->
<!--                                                <td style="vertical-align:middle;">1.00<br>(运费：0.00 )</td>-->
<!--                                                <td style="vertical-align:middle;">1</td>-->
<!--                                                <td style="vertical-align:middle;">交易关闭</td>-->
<!--                                                <td style="vertical-align:middle;">-->
<!--                                                    <div class="btn-group-vertical" role="group" aria-label="Vertical button group">-->
<!--                                                        <button type="button" class="btn btn-default">删除订单</button>-->
<!--                                                        <button type="button" class="btn btn-default">交易详情</button>-->
<!--                                                    </div>-->
<!--                                                </td>-->
<!--                                            </tr>-->
<!--                                            </tbody>-->
<!--                                        </table>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div role="tabpanel" class="tab-pane fade" id="attension" aria-labelledby="attension-tab">-->
<!--                            <div class="container-fluid">-->
<!--                                <div class="row clearfix">-->
<!--                                    <div class="col-md-12 column" style="padding:0;">-->
<!--                                        <table class="table table-bordered" style="text-align:center;">-->
<!--                                            <thead>-->
<!--                                            <tr style="background-color:#ddd;">-->
<!--                                                <td>项目信息</td>-->
<!--                                                <td width="120">支持人数</td>-->
<!--                                                <td width="120">关注人数</td>-->
<!--                                                <td width="120">操作</td>-->
<!--                                            </tr>-->
<!--                                            </thead>-->
<!--                                            <tbody>-->
<!--                                            <tr>-->
<!--                                                <td style="vertical-align:middle;">-->
<!--                                                    <div class="thumbnail">-->
<!--                                                        <div class="caption">-->
<!--                                                            <p>-->
<!--                                                                BAVOSN便携折叠移动电源台灯-->
<!--                                                            </p>-->
<!--                                                            <p>-->
<!--                                                                <i class="glyphicon glyphicon-jpy"></i> 已筹集 1000.0元-->
<!--                                                            </p>-->
<!--                                                            <p>-->
<!--                                                            <div style="float:left;"><i class="glyphicon glyphicon-screenshot" title="目标金额" ></i> 已完成 100% </div>-->
<!--                                                            <div style="float:right;"><i class="glyphicon glyphicon-calendar"></i> 剩余2天 </div>-->
<!--                                                            </p>-->
<!--                                                            <br>-->
<!--                                                            <div class="progress" style="margin-bottom: 4px;">-->
<!--                                                                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">-->
<!--                                                                    <span >众筹中</span>-->
<!--                                                                </div>-->
<!--                                                            </div>-->
<!--                                                        </div>-->
<!--                                                    </div>-->
<!--                                                </td>-->
<!--                                                <td style="vertical-align:middle;">1</td>-->
<!--                                                <td style="vertical-align:middle;">1</td>-->
<!--                                                <td style="vertical-align:middle;">-->
<!--                                                    <div class="btn-group-vertical" role="group" aria-label="Vertical button group">-->
<!--                                                        <button type="button" class="btn btn-default">取消关注</button>-->
<!--                                                    </div>-->
<!--                                                </td>-->
<!--                                            </tr>-->
<!--                                            </tbody>-->
<!--                                        </table>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->


                        <div role="tabpanel" class="tab-pane fade  " id="add" aria-labelledby="add-tab">

                            <div class="container-fluid">
                                <div class="row clearfix">
                                    <div class="col-md-12 column">
                                        <span class="label label-warning">全部</span> <span class="label" style="color:#000;"  >众筹中</span> <span class="label " style="color:#000;">众筹成功</span>  <span class="label " style="color:#000;">众筹失败</span>
                                    </div>
                                    <div class="col-md-12 column" style="padding:0;margin-top:10px;">
                                        <table class="table table-bordered" style="text-align:center;">
                                            <thead>
                                            <tr style="background-color:#ddd;">
                                                <td width="300">项目信息</td>
                                                <td width="120">募集金额（元）</td>
                                                <td width="80">当前状态</td>
                                                <td width="80">项目经理</td>
                                                <td width="120">操作</td>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <div th:if="${#strings.isEmpty(memberProjectCrowd)}">没有加载到任何项目信息</div>
                                            <div th:if="${not #strings.isEmpty(memberProjectCrowd)}">
                                                <div th:each="project : ${memberProjectCrowd}" class="container">
                                                    <tr>
                                                <td style="vertical-align:middle;">
                                                    <div class="thumbnail">
                                                        <div class="caption">
                                                            <p th:text="${project.projectName}">
                                                                BAVOSN便携折叠移动电源台灯
                                                            </p>
<!--                                                            <p th:text="${project.pro}"></p> -->
                                                            <p>
                                                            <div style ="float:left;"><i class="glyphicon glyphicon-screenshot" title="目标金额" ></i> 已完成 [[${project.percentage}]]% </div>
                                                            <div style="float:right;"><i title="截至日期" class="glyphicon glyphicon-calendar" ></i> 剩余[[${project.lastDay}]]天 </div>
                                                            <div style="float:right;"><i title="开发周期" class="glyphicon glyphicon-calendar" ></i> 开发周期 [[${project.developmentDay}]](天) </div>
                                                            </p>
                                                            <br>
                                                            <div class="progress" style="margin-bottom: 4px;">
                                                                <div class="progress-bar progress-bar-success"
                                                                     role="progressbar" aria-valuenow="[[${project.percentage}]]" aria-valuemin="0"
                                                                     aria-valuemax="100" style="width: 60%;" th:style="'width: '+${project.percentage}+'%;'"></div>
                                                                    <span >[[${project.statusText}]]</span>
                                                                </div>
                                                            </div>
                                                        </div>

                                                </td>
                                                <td style="vertical-align:middle;" th:text="${project.supportMoney}">1.00<br>(运费：0.00 )</td>
                                                <td style="vertical-align:middle;" th:text="${project.statusText}">草稿</td>
                                                <td style="vertical-align:middle;" th:text="${project.projectManger}">张三</td>
                                                <td style="vertical-align:middle;">
                                                    <div  class="btn-group-vertical" role="group" aria-label="Vertical button group">
<!--                                                        <button type="button" class="btn btn-default">项目预览</button>-->
<!--                                                        <button type="button" class="btn btn-default">更新项目</button>-->
<!--                                                        <button type="button" id="" class="btn btn-default">删除项目</button>-->
<!--                                                        申请延期操作------------------------------------->
<!--                                                       <button type="button"  class="btn btn-default">-->
<!--                                                        <a th:href="'http://localhost:8888/order/confirm/return/info/'+${detailProjectVO.projectId}+'/'+${return.returnId}" class="btn btn-warning btn-lg">支持</a>
                                                th:href="'http://localhost:8888/auth/member/projectInfo/'+${project.projectId}"-->
                                                        <form th:action="@{'/auth/member/projectInfo?projectId='+${project.projectId}+'&delayDay='+${project.delayDay}+'&delayNumber='+${project.delayNumber}+'&status='+${project.status}}" method="post" role="form">
<!--                                                            <a href="member-projectInfo.html" th:href="@{'/auth/member/projectInfo?projectId='+${project.projectId}}" >申请延期</a>-->
                                                            <input type="submit" value="申请延期" class="btn btn-default">
                                                        </form>

                                                        <!--
 </button>-->

                                                    </div>
                                                </td>
                                                </tr>
                                                </div>
                                            </div>

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                </div>
                <div role="tabpanel" class="tab-pane fade" id="profile" aria-labelledby="profile-tab">
                    众筹资产
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container" style="margin-top:20px;">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div id="footer">
                <div class="footerNav">
                    <a rel="nofollow" href="http://www.atguigu.com">关于我们</a> | <a rel="nofollow" href="http://www.atguigu.com">服务条款</a> | <a rel="nofollow" href="http://www.atguigu.com">免责声明</a> | <a rel="nofollow" href="http://www.atguigu.com">网站地图</a> | <a rel="nofollow" href="http://www.atguigu.com">联系我们</a>
                </div>
                <div class="copyRight">
                    Copyright ?2017-2017atguigu.com 版权所有
                </div>
            </div>
        </div>
    </div>
</div>

<script src="jquery/jquery-2.1.1.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="script/docs.min.js"></script>
<script src="script/back-to-top.js"></script>

<script>
    $('#myTab a').click(function (e) {
        e.preventDefault()
        $(this).tab('show')
    })
    $('#myTab1 a').click(function (e) {
        e.preventDefault()
        $(this).tab('show')
    })
</script>
    </div>
</div>
</div>
</body>
</html>